<x-row space="1">
  <x-col span="6"><x-color label="主要文字" hex="#303133" [amounts]="[]"></x-color></x-col>
  <x-col span="6"><x-color class="black" label="一级边框" hex="#dcdfe6" [amounts]="[]"></x-color></x-col>
  <x-col span="6"><x-color label="基础黑色" hex="#000000" [amounts]="[]"></x-color></x-col>
</x-row>
<x-row space="1">
  <x-col span="6"><x-color label="常规文字" hex="#606266" [amounts]="[]"></x-color></x-col>
  <x-col span="6"><x-color class="black" label="二级边框" hex="#e4e7ed" [amounts]="[]"></x-color></x-col>
  <x-col span="6"><x-color class="border black" label="基础白色" hex="#ffffff" [amounts]="[]"></x-color></x-col>
</x-row>
<x-row space="1">
  <x-col span="6"><x-color label="次要文字" hex="#909399" [amounts]="[]"></x-color></x-col>
  <x-col span="6"><x-color class="black" label="三级边框" hex="#ebeef5" [amounts]="[]"></x-color></x-col>
</x-row>
<x-row space="1">
  <x-col span="6"><x-color label="占位文字" hex="#c0c4cc" [amounts]="[]"></x-color></x-col>
  <x-col span="6"><x-color class="black" label="四级边框" hex="#f2f6fc" [amounts]="[]"></x-color></x-col>
</x-row>
